<template>
	<view class="qywx-box">
		<view class="qywx-cell">
			<cell styleType="2" @startmessage="startmessage" @completemessage="completemessage" :plugid="plugid"></cell>
		</view>
	</view>
</template>

<script>
	export default {
		name: 'clientservice',
		data() {
			return {
				plugid: 'bfcaac6b8f082d0ff2832a94990b0f61',
				tntInstId: null,
				scene: null
			};
		},
		methods: {
			startmessage(e) {
				console.log('企业微信客户服务 startmessage', e);
			},
			completemessage(e) {
				const vm = this;
				console.log('企业微信客户服务 completemessage', e);
			}
		}
	};
</script>
<style scoped lang="scss">
	.qywx-box {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		overflow: hidden;

		.qywx-cell {
			width: 100%;
			height: 100%;

			cell {
				width: 100%;
				height: 100%;

				/deep/ [class*='bubble'] {
					width: 100%;
					height: 100%;
					border-radius: 0rpx;
					opacity: 0;
					position: absolute;
					top: 0;
					left: 0;
					right: 0;
					bottom: 0;
				}
			}
		}
	}
</style>